﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="transferenciasCuentas.aspx.cs" Inherits="BancoIdeal.secured.transferenciasCuentas" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Transferencias entre cuentas
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script src="../scripts/util.js" type="text/javascript"></script>
	<script src="../scripts/jquery.numeric.js" type="text/javascript"></script>
	<script type="text/javascript">
	    var dirProductos = "/WS/Productos.asmx";
	    var tituloBanco = "";
	    var idPadre;
	    $( document ).ready( function () {
	    	loadingModal();
	        LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosCaptacion', OnErrorCall, OnSuccessCallDatosCuentas );
        } );

	    function OnErrorCall( response ) {
	    	loadingMessage( response.status + " " + response.statusText );
	    }

	    function OnSuccessCallDatosCuentas( response ) {
	    	response = eval( "( " + response.d + " )" );
	    	var j = 1;
	    	var k = 1;
	    	for ( var i = 0; i < response.length; i++ ) {
	    		if ( response[i].IdProducto == 1 ) {
	    			k++;
	    			$( "#filaHorizontalFila" + j ).append( '<div class="cuadroResumen fila' + j + '-item' + k + '"><div class="producto cuentaTransferencias"><span class="imagenProductos"><span class="icono120px blanco-ctacorriente-120px"></span></span><a href="#" class="TransferirBtn" id="' + response[i].IdProductoCliente + '"  title="Transferir dinero" rel="fila' + j + '-item' + k + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a><h3 class="bancoText textBlanco">Transferir a ' + response[i].NombreProductoCliente + '</h3></div></div>' );
	    			if ( k >= response.length / 2 ) {
	    				k = 1;
	    				$( "#filaHorizontalFila" + j ).append( '<br class="clear" />' );
	    				j++;
	    			}
	    		}
	    		if ( response[i].IdProducto == 2 ) {
	    			k++;
	    			$( "#filaHorizontalFila" + j ).append( '<div class="cuadroResumen fila' + j + '-item' + k + '"><div class="producto cuentaTransferencias"><span class="imagenProductos"><span class="icono120px blanco-ctaahorros-120px"></span></span><a href="#" class="TransferirBtn" id="' + response[i].IdProductoCliente + '" title="Transferir dinero" rel="fila' + j + '-item' + k + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Transferir dinero </span> </span> </a><h3 class="bancoText textBlanco">Transferir a ' + response[i].NombreProductoCliente + '</h3></div></div>' );
	    			if ( k >= response.length / 2 ) {
	    				k = 1;
	    				$( "#filaHorizontalFila" + j ).append( '<br class="clear" />' );
	    				j++;
	    			}
	    		}
	    	}

	    	FunTransferencias();
	    	
	    	$( '#btnTransferir' ).click( function () {
	    		if ( $( 'input:radio[name=OrigenFondosCuentaAhorros]:checked' ).val() == undefined
                || $( "#montoTransferir" ).val() == '' || $( "#montoTransferir" ).val() == null ) {
	    			loadingMessage( "Datos Incompletos" );
	    			return;
	    		}
	    		loadingModal();
	    		LlamadoAjax( "{ idProductoClienteOrigen: '" + $( 'input:radio[name=OrigenFondosCuentaAhorros]:checked' ).val() + "',idProductoClienteDestino: '" + idPadre + "', valor : '" + $( "#montoTransferir" ).val() + "'}", dirProductos, 'TransfereciaEntreCuentas', OnErrorCall, OnSuccessCallTransferir );
	    	} );

	    	$( '.cargandoModal' ).dialog( 'close' );
	    	$( ".numericos" ).numeric();
	    }

	    function OnSuccessCallTransferir( response ) {
	    	response = eval( "( " + response.d + " )" );
	    	$( '.cargandoModal' ).dialog( 'close' );
	        $( '#dialogTransferirMisCuentas' ).dialog( "close" );	        
	        if ( response == 'Success' ) {
	        	loadingMessage( "Traslado realizado con éxito" );
	        } else {
	        	loadingMessage( "Error: " + response );
	        }
	    }
    </script>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                    <span class="icono iconoTransferencias48x">
                        &nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Transferencias
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="InfoScreen" runat="server">
    Puedes realizar transferencias entre tus cuentas.
    <br />
    En esta pantalla selecciona la cuenta destino de los fondos, luego seleccionas la cuenta de origen.
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="MoreInfoScreen" runat="server">
                <a href="#" class="verMasInfo">
                    <span class="fondoAdicional">
                        <span class="estiloTexto">
                            mas información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="SectionOptions" runat="server">
    <ul>
                    <li>
                        <a href="transferenciasCuentas.aspx" class="opcionSeccion">
                            <span class="icono transferencias">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Transferir entre mis cuentas
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="transferenciasBancos.aspx" class="opcionSeccion">
                            <span class="icono transferencias">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Transferir a otras cuentas
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Transferencias entre mis cuentas
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="MainContent" runat="server">
    <div class="paginaTransferirCuentas">
                
                
                	<div id="ContenedorTileHorizontal">
                        <div class="filaHorizontal fila1" id="filaHorizontalFila1">                            
                        </div>                                              
                        <div class="filaHorizontal fila2" id="filaHorizontalFila2">                            
                        </div>
                    </div>
                </div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="VentanasEmergentes" runat="server">
    <div id="dialogTransferirMisCuentas" class="dialog" title="Transferir dinero entre mis cuentas">
        <div class="menuTituloForm">
            <h2 class="noMargin noPadding">
            	<span class="floatright">
            		A mis cuentas
            	</span>
           	</h2>
        </div>
        <p>Diligencie los siguientes datos para transferir los fondos.</p>
        <div class="formularioProductos">
        	<table>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Monto a transferir:</td>
                    <td width="60%">$ <input type="text" id="montoTransferir"/></td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Origen de los fondos:
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="idTableCuenta">                           
                        </table>
                    </td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Descripción del movimiento:
                    </td>
                    <td width="60%">
                    	<textarea id="descripcionMovimiento" name="descripcionMovimiento"></textarea>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Transferir" class="boton_26px backgroundVerde" id="btnTransferir"><span class="displayB iconoAceptarVentana"><span class="ocultar">Transferir</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">Cancelar Transferencia</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>
</asp:Content>
